small.red{color: #f44336;}
strong{font-weight: bold;}

.bd-grey{border: 1px solid #DDD; border-radius: 10px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);}
.bd-white{border: 1px solid #FFF; border-radius: 10px;}

.cursor-p{cursor: pointer;}

.scroll-y{overflow-y: scroll;}

.material-icons-sm{width: 40px;  }

.w_100{width: 100%;}

.showHideColumnBtns{margin-right: 10px;cursor: pointer;}
.showHideColumnBtns i.fa-plus-circle{color: #5FB878;}
.showHideColumnBtns i.fa-minus-circle{color: #777;}


.mgt-f8{margin-top: -8px;}
.mgl-f10{margin-left: -10px;}
.mgl-10{margin-left: 10px;}
.mgl-20{margin-left: 20px;}

.mg-auto{margin: auto;}
.mg-0{margin: 0;}

.font-13{font-size: 13px;}

.vl-m{vertical-align: middle}


.h-max-400{max-height: 400px;}
.h-max-580{max-height: 580px;}
.h-min-450{min-height: 450px;}

.pdl-10{padding-left: 10px;}
.pd-10{padding: 10px;}
.pd-20{padding: 20px;}


.abs-bottom{
    position: absolute;
    bottom: 0px;
}


.head-r-menu li i{padding-right: 5px;}

/** 内容自动换行*/
.word-break{word-break: break-all;  word-wrap: break-word;}

/** 图片 */
img.img-small{width: 40px;height: 40px;}

.btn-oauth-img{padding: 0; background: none;width: 48px;}
.btn-oauth-img img{border-radius: 8px; }


/*--------------按钮----------------*/
button[type=submit]{margin: 4px 0;}

input[required=true]::-webkit-input-placeholder{color: #f44336;} /* WebKit, Blink, Edge */
input[required=true]::-moz-placeholder{color: #f44336;opacity:1;} /* Mozilla Firefox 19+ */
input[required=true]:-moz-placeholder{color: #f44336;opacity:1;} /* Mozilla Firefox 4 to 18 */
input[required=true]:-ms-input-placeholder{color: #f44336;} /* Internet Explorer 10-11 */
input[required=true]::-ms-input-placeholder{color: #f44336;} /* Microsoft Edge */
input[required=true]::placeholder{color: #f44336;}  /* Most modern browsers support this now. */


/*--------------表格----------------*/
/** sort */
table thead .sorting,
table thead .sorting_asc,
table thead .sorting_desc{cursor: pointer;position: relative;}
table thead .sorting:after,
table thead .sorting_asc:after,
table thead .sorting_desc:after{position: relative;display: inline-block;bottom: 1px;right: -7px;font-family: 'FontAwesome';opacity: 0.8;font-size: 14px;}
table thead .sorting:after{opacity: 0.2;content: "\f0dc";/* sort */}
table thead .sorting_asc:after{content: "\f0de";top: 2px;color: #FF5722;}
table thead .sorting_desc:after{content: "\f0dd";top: -3px;color: #FF5722;}

table thead tr{background: #f2f2f2;}

.footable tr.active{border-left: 5px solid grey;background: #CCCCCC;}
.footable tr.active a{font-weight: bold;}



/** 详情页面 */
.page-detail > .row > label{min-width: 100px;text-align: right;}
.page-detail > .row > div{display: inline-block}



/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{width: 8px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track-piece{background: #F5F5F5;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 8px;background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{border-radius: 8px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #AAAAAA;}
::-webkit-scrollbar-corner{background:#888;}